<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<title>个人简历</title>
	<link rel="stylesheet" href="css/swiper-3.3.1.min.css"/>
	<link rel="stylesheet" href="css/animate.css"/>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>

	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide slide1">
				<section>
					<div class="sun"></div>
					<div class="bg1"></div>
					<div class="bg2"></div>
					<div class="ani name_web" swiper-animate-effect="bounceIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">求职Web前端工程师</div>
					<div class="ani top_one " swiper-animate-effect="rubberBand" swiper-animate-duration="1.5s" >
					</div>
					<div class="ani name_ljw" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1s">姓名:卢金威</div>
					<div class="ani name_exp" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1s">经历:1年以上</div>
					<div class="ani name_phone" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1s">电话:15067063206</div>
					<div class="ani name_email" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1s">邮箱:15067063206@163.com</div>
				</section>
			</div>
			<div class="swiper-slide slide2">
				<section>
					<div class="ani slide2_title" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1s" ></div>
					<div class="ani slide2_font1" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1s">职</div>
					<div class="ani slide2_font2" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1.2s">业</div>
					<div class="ani slide2_font3" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1.4s">技</div>
					<div class="ani slide2_font4" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1.6s">能</div>
					<div class="ani slide2_main" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						1、熟悉W3C标准，熟悉DIV+CSS布局完成静态网页的代码。<br>
						2、熟练掌握JavaScript语言，对继承、原型链、作用域链、闭包等有深入的理解。<br>
						3、熟练使用原生JS操作BOM/DOM，掌握jQuery，zepto完成功能 <br>
						4、了解HTTP协议，熟练使用Ajax，JSON与后台开发人员一起完成交互程序，了解JSONP。<br>
						5、熟悉HTML5+CSS3，熟练使用bootstrap框架进行响应式布局，有移动端Web开发经验。<br>
						6、对前端模块化开发有一定的了解，熟悉sea.js以及CMD规范。<br>
						7、了解HybridApp开发，ionic框架，跨平台。<br>
						8、了解Node开发，熟练使用npm包管理工具。<br>
						9、了解前端MVVM框架：angular.JS，开发SPA。<br>
					</div>
				</section>
			</div>
			<div class="swiper-slide slide3">
				<!--<div></div>-->
				<div class="ani slide3_rocket" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="2s"></div>
				<div class="ani slide3_circle" ></div>
				<div class="ani slide3_strip" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="2s" swiper-animate-delay="0.2s"></div>
				<div class="ani slide3_main" swiper-animate-effect="zoomIn" swiper-animate-duration="2s" swiper-animate-delay="0.5s">
				<div class="slide3_gs">·金华嗨乐科技有限公司</div>
				<div class="slide3_sj">(2015.3-2016.6)</div>
				<div class="slide3_duty">
					1.负责公司网站WEB前端开发及移动端开发;<br>
					<br>
					2.与后台开发工程协作，完成操作交互，数据展现；<br>
					<br>
					3.优化前端体验和响应速度，并保持良好兼容性，提高友好；<br>
					<br>
					4.产品的更新迭代；<br>
				</div>
				</div>
			</div>
			<div class="swiper-slide slide4">
				<div class="ani slide4_pro" swiper-animate-effect="zoomInLeft" swiper-animate-duration="1s">项目经验</div>
				<div class="ani slide4_strip" swiper-animate-effect="shake" swiper-animate-duration="1s"></div>
				<div class="ani slide4_main" swiper-animate-effect="zoomInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
					<div class="slide4_main_1">
						·金华嗨乐科技有限公司PC端官网<br>
						<br>
						·金华嗨乐科技有限公司移动端官网<br>
						<br>
						·尽情购移动端<br>
					</div>
						<br>
					<!--<div class="slide4_main_2">
						1.与产品经理和实际人员沟通，了解项目需求，制定切实可行的实施方案<br>
						2.使用DIV+CSS进行页面布局，对整套效果图的静态页代码开发<br>
						3.使用jQuery完成静态页面交互部分的实现，调试网站页面在不同浏览器下的兼容性<br>
						4.与公司后台程序员进行沟通，规范各种接口代码与交互实现方式<br>
						5.使用ajax进行数据请求，并实现网页的动态显示<br>
						6.坚持后期的维护和迭代；<br>
					</div>-->
				</div>
			</div>
			<div class="swiper-slide slide5">
				<div class="slide5_font1">
					自我评价
				</div>
				<div class="ani slide5_font2" swiper-animate-effect="bounceIn" swiper-animate-duration="1.5s" swiper-animate-delay="1s">
					1、具有一定的组织和协调能力。<br>
					2、够很好的与产品、设计师和后台开发人员沟通协作，具有良好的团队合作、协作精神。<br>
					3、对编程有良好的认识，有良好的注释习惯。<br>
					4、通过GitHub、CSDN、OSchina、博客园、推酷等社区查找资源，学习新技术。<br>
				</div>
				<div class="ani slide5_square1" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1s"></div>
				<div class="ani slide5_square2" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="1s"></div>
			</div>
		</div>
		<!-- 如果需要分页器 -->
		<div class="swiper-pagination"></div>
	</div>
<script src="js/swiper-3.3.1.min.js"></script>
<script src="js/swiper.animate1.0.2.min.js"></script>
	<script>
			var mySwiper = new Swiper ('.swiper-container', {
				direction: 'vertical',
				loop: true,
				// 如果需要分页器
				pagination: '.swiper-pagination',
				onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
					swiperAnimateCache(swiper); //隐藏动画元素
					swiperAnimate(swiper); //初始化完成开始动画
				},
				onSlideChangeEnd: function(swiper){
					swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
				}
			})
	</script>
</body>
</html>